$blueColor:#1ea6fd;
/* 弹出框+富文本 */
$richBackground:"0, 16, 60";



body,
html {
  background-image: url("~@/assets/images/homeBackgroung.png") !important;
  // background: #1f5584!important;
  // background: rgba(33, 86, 132,1)!important;
  background-size: 100% 100% !important;
  // overflow: hidden;
  height: 100%;
}

/* icon */
i,
svg,
path {
  color: #ffffff;
  stroke: #ffffff;
  fill: #ffffff;
}


// .navbar,
// /* 顶部导航栏 */
// .el-menu,
// /* 顶部导航栏内菜单 */
// .app-main,
// /* 右下角二级路由容器 */
// .tags-view-container,
// /* 历史页面 */
.sidebar-container {
  background: none !important;
}

.tags-view-container {
  background: none !important;
}

.app-main {
  // background: none !important;
  background-color: rgba(9, 59, 118, 0.9) !important;
  // margin: 0 0px 0 10px;
  width: calc(100% - 0px) !important;
}

.el-menu {
  background: none !important;
}

.navbar {
  background: none !important;
}


//左侧菜单
.el-menu--vertical .el-menu .el-menu-item {
  background: #1565af !important;

  &:hover {
    background-color: #2176a9 !important;
  }
}

/* 顶部导航栏 */
.navbar {
  .el-menu-item {
    font-size: 17px;
    height: 35px;
    line-height: 35px;
    position: relative;
    top: -5px;
    padding: 0 4% !important;

    &:hover {
      -webkit-text-shadow: rgb(28 140 255) 0 0 10px;
      -moz-text-shadow: rgb(28 140 255) 0 0 10px;
      -o-text-shadow: rgb(28 140 255) 0 0 10px;
      text-shadow: rgb(28 140 255) 0 0 10px;
      font-weight: bold;
    }

  }

  @media screen and (max-width: 480px) {
    .el-menu-item {
      font-size: 12px;
      padding: 0 25% !important;
    }
  }

  .el-menu-item.is-active {
    // border-bottom: 4px solid #76e9ff !important;
    text-shadow: rgb(28 140 255) 0 0 10px !important;
    font-weight: bold;
    background: url("~@/assets/images/echarts/sel.png") !important;
    background-size: 100% 100% !important;
  }

  .right-menu-item,
  li {
    /* 顶部导航栏内菜单单个详情*/
    background: none !important;
    color: rgba(212, 240, 255, 0.8) !important;

    //   font-size: 17px !important;
  }
}

/* 左侧导航栏 */
.sidebar-container {

  .el-menu-item,
  .el-submenu__title {
    background: none !important;
    height: 40px !important;
    padding: 0;
    color: #ffffff !important;
    line-height: 40px !important;
  }

  .el-menu-item.is-active {
    background: rgba(35, 195, 255, 0.3) !important;
    border-left: 3px solid #3c8dbc;
    // color: rgba(6, 255, 255, 1) !important;
  }

}

// #app .sidebar-container .scrollbar-wrapper{
//   width: 240px;
// }
/* 右侧整体盒子 */
.app-main {
  // background: rgba(9, 59, 118, 0.90) !important;

  /* 右侧上部操作元素 */
  .el-form--inline,
  .mb8,
  .pagination-container {
    padding: 10px 12px;
    background: rgba(9, 59, 118, 0.90) !important;
    max-height: 60vh;
    overflow: auto;

    .el-form-item {
      margin-bottom: 3px !important;
    }

    .form-header {
      margin: 8px 10px 10px 10px !important;
    }
  }

  .el-table {
    background: rgba(9, 59, 118, 0.90) !important;
    max-height: 60vh;
    overflow: auto;
  }

  .el-form,
  .app-container {
    .form-header {
      margin: 8px 10px 10px 10px !important;
    }

    .el-form-item {
      margin-bottom: 3px !important;
    }
  }

  .mb8 {
    margin: 10px 0 0 0 !important;
  }

  //分页
  .pagination-container {
    margin: 0 !important;
    height: 60px !important;

    .el-pagination {
      right: 12px;
    }
  }
}

.tags-view-container {
  /* 历史页面 */
  border-bottom: none !important;
}

.tags-view-container .tags-view-wrapper .tags-view-item {
  /* 历史页面单个按钮 */
  background: url("~@/assets/images/echarts/tab1.png") !important;
  background-size: 100% 100% !important;
  border: none !important;
  color: #ffffff !important;
  height: 32px !important;
  // margin-left: 10px !important;
  // margin-right: 3px;
  // margin-top: 0px !important;
  padding: 5px 11px !important;

  .el-icon-close {
    background: none !important;
    color: #d4f0ff !important;
    margin-left: 20px;
  }
}

.tags-view-container .tags-view-wrapper .tags-view-item.active {
  /* 历史页面单个按钮点击时的状态 */
  background: url("~@/assets/images/echarts/tab2.png") !important;
  border: none !important;
  background-size: 100% 100% !important;
  color: rgba(213, 241, 255, 1) !important;
  height: 32px;
}


.el-card {
  background: rgba(9, 59, 118, 0.90) !important;
  border: none;
  color: #ffffff;

  .el-card__header {
    border: none;
  }
}


/* 整体表格背景 */
.hover-row {
  background: rgba(9, 34, 79, 0.3) !important;
}

.el-table__body tr.current-row>td {
  background: none !important;
}

.el-table {
  background: none;
  color: #6B91CE;

  tr {
    color: rgba(213, 241, 255, 0.8) !important;
    background: rgba(11, 61, 119, 1) !important;

    .link-type {
      color: rgba(213, 241, 255, 0.8) !important;

      &:focus {
        color: rgba(213, 241, 255, 0.8) !important;
      }
    }
  }

  /* 修改表格最底部边框颜色和高度 */
  &::before {
    border-bottom: 0px solid rgba(31, 179, 255, 0.2);
    height: 0px;
  }

  /* 表头底部边框 */
  th.is-leaf,
  td,
  .building-top .el-table th.is-leaf {
    border-bottom: 1px solid rgba(31, 179, 255, 0.2);
  }

  /* 表格内按钮 */
  button,
  .el-dropdown {
    border: 1px solid rgba(40, 187, 255, 0.8) !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    padding: 5px !important;
    background: none !important;
    height: auto !important;
  }

  .el-dropdown {
    line-height: 0 !important;
    margin-left: 10px;

    .el-icon--right {
      margin-left: 0px !important;
    }
  }

  /* 开关样式 */
  .el-table__row {

    /* 未选中 */
    .el-switch__core {
      border: solid #ffffff 1px;

      &:after {
        left: 2px;
      }
    }

    /* 选中 */
    .el-switch.is-checked {
      border: none;
      background: none;

      .el-switch__core {
        background: #ffffff;
        border: solid #ffffff 1px;

        &:after {
          left: 100%;
          background: rgba(22, 80, 134, 1);
        }
      }
    }
  }
}

.el-table--medium th,
.el-table--medium td {
  padding: 8px 0 !important;
}

.el-table__body-wrapper {
  overflow-x: auto !important;
}

/* 表头样式 */
.el-table__header-wrapper th,
.el-table__fixed-header-wrapper th {
  background-color: rgba(9, 34, 79, 0.1) !important;
  color: #ffffff !important;
}

/* 修改表格无数据的时候背景，字体颜色 */
.el-table__empty-block {
  background-color: rgba(9, 34, 79, 0.1);
}

.el-table__empty-text {
  color: #ccc
}

/* 修改表格鼠标悬浮hover背景色 */
.el-table__body tr:hover>td {
  background-color: rgba(45, 173, 231, 0.3) !important;
  color: #ffffff !important;
}

.el-dropdown-link {
  color: #ffffff !important;
  margin-left: 0 !important;
}

.el-table--border th {
  border-bottom: 1px solid rgba(31, 179, 255, 0.2);
}

.el-table--border th,
.el-table--border td {
  border-right: 1px solid rgba(31, 179, 255, 0.2);
}

.el-table--group,
.el-table--border {
  border: 1px solid rgba(31, 179, 255, 0.2);
}

.el-table__fixed::before,
.el-table__fixed-right::before,
.el-table::before,
.el-table--group::after,
.el-table--border::after {
  background: none;
}

.el-table__body tr.hover-row>td,
.el-table__body tr.hover-row.current-row>td,
.el-table__body tr.hover-row.el-table__row--striped>td,
.el-table__body tr.hover-row.el-table__row--striped.current-row>td {
  background: none;
}

/* 多选选择器样式 */
.el-checkbox__inner,
.el-radio__inner {
  background: none;
  border-radius: 2px;
  border: 1px solid #ffffff !important;
}

.el-checkbox__input.is-checked .el-checkbox__inner,
.el-radio__input.is-checked .el-radio__inner {
  border: 1px solid #1890ff !important;
}

.el-checkbox,
.el-radio {
  color: #cccccc;
}

.el-radio__inner {
  border-radius: 50%;
}



/* 确认弹出框+弹出编辑框+选择弹出框*/
.el-message-box,
.el-dialog,
.el-popover {
  background: rgba(9, 59, 118, 0.90);
  border: 1px solid #105a89;
  border-radius: 0;

  .el-dialog__header {
    background: rgba(45, 173, 231, 0.2) !important;
    height: 46px;
    display: flex;
    align-items: center;

    i,
    span,
    p {
      color: #60b7ff !important;
    }
  }

  span,
  p {
    color: #cccccc;
  }

  .el-radio__input.is-checked,
  .el-checkbox__input.is-checked {

    .el-radio__inner,
    .el-checkbox__inner {
      background: #3e7384;
    }
  }

  .el-checkbox__inner,
  .el-radio__inner {
    border: 1px solid #b5edff;
  }

  button span {
    color: #ffffff;
  }

  .el-tag.el-tag--info {
    height: 100%;
  }
}

.el-popover {
  background: rgba(0, 16, 60, 1);
}

.el-dialog.is-fullscreen {
  .el-dialog__body {
    max-height: 87vh !important;
    // max-height: 100% !important;
  }
}

.el-dialog.is-fullscreen {
  margin-top: 0 !important;
}

.el-dialog.is-fullscreens {
  .el-dialog__body {
    max-height: calc(100% - 50px) !important;
    // max-height: 100% !important;
  }
}

.el-dialog:not(.is-fullscreen) {
  margin-top: 8vh !important;
}

.el-dialog.is-fullscreens {
  margin-top: 0 !important;
}

.el-dialog__body {
  max-height: 75vh;
  // min-height:75vh;
  overflow: auto;
  color: #d5f1ff;

  li {
    &.active-item {
      background: rgba(4, 162, 253, 0.28) !important;
      color: #d5f1ff !important;
    }

    &:hover {
      background: rgba(4, 162, 253, 0.28) !important;
    }
  }
}

.el-dialog__header {
  color: $blueColor;
}

.el-table__header-wrapper tbody td,
.el-table__footer-wrapper tbody td {
  background-color: rgba(0, 0, 0, 0) !important;
  color: #ffffff;
}

.el-table__footer-wrapper td {
  border-top: 0.0625rem solid rgba(31, 179, 255, 0.2);
}

/* 按钮主题+tag */
.el-button,
.el-tag.el-tag--info,
.logo-wrapper {
  background: rgba(45, 173, 231, 0.20) !important;
  border: 1px solid rgb(40 187 255 /60%) !important;
  border-radius: 1px !important;
  color: #ffffff !important;
  height: 32px;
  box-shadow: inset 0 0 12px 0 rgb(40 187 255 / 50%) !important;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 4px;

  &:hover {
    box-shadow: inset 0 0 12px 0 rgb(40 187 255 / 100%) !important;
  }

  /* icon */
  i {
    color: #ffffff !important;
  }
}

.el-button.is-disabled {
  opacity: 0.7 !important;
}

.el-tag.el-tag--info {
  border-radius: 5px;

  .el-icon-close {
    background: rgba(213, 241, 255, 0.8) !important;
  }
}


.el-button--text {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.el-tag.el-tag--danger {
  background-color: #aa26265c;
  border-color: #c91616;
  color: #c51313;
}

.el-tag {
  background-color: rgba(4, 162, 253, 0.28);
  border-color: $blueColor;
  color: $blueColor;
}

.el-input-group__append,
.el-input-group__prepend {
  background: rgba(4, 162, 253, 0.28) !important;
  border: 1px solid $blueColor !important;
  color: #d5f1ff !important;
}

.el-tabs__item {
  color: #d5f1ff;

  &:hover {
    color: #ffffff;
    font-weight: bold;
    text-shadow: #1c8cff 0 0 10px;
  }
}

.el-tabs__item.is-active {
  color: #ffffff;
  font-weight: bold;
  text-shadow: #1c8cff 0 0 10px;
}

.el-tabs__nav-wrap::after {
  background: rgba(4, 162, 253, 0.28) !important;
}

/* 颜色选择器背景 */
.el-color-picker__panel {
  background: rgba(4, 162, 253, 0.6);
}

/* 输入框提示主题 */
.el-form-item__label {
  color: #ffffff;
}

.form-header {
  border: none !important;
  color: #ffffff !important;
}

.el-form-item--medium {
  background: none !important;
  border-radius: 5px;
}

/* 输入框主题 */
.el-input__inner,
.el-input .el-input__count .el-input__count-inner,
// .el-input,
.el-textarea__inner {
  background: rgba(45, 173, 231, 0.25) !important;
  border-radius: 1px;
  border: none;
  color: #ffffff;
}

input::-webkit-input-placeholder {
  color: #cccccc !important;
}

/*webkit 内核浏览器*/
input::-moz-placeholder {
  color: #cccccc !important;
}

/*Mozilla Firefox 19+*/
input:-moz-placeholder {
  color: #cccccc !important;
}

/*Mozilla Firefox 4 to 18*/
input:-ms-input-placeholder {
  color: #cccccc !important;
}

/*Internet Explorer 10+*/

/* 按钮选择器 */
/* 未选择状态 */
.el-radio-button__inner {
  background: rgba(45, 173, 231, 0.1);
  border-radius: 1px;
  border: none !important;
  color: #cccccc;

  &:hover {
    color: #ffffff;
  }
}

.el-upload-list__item-name,
.el-radio__input.is-checked+.el-radio__label,
.el-checkbox__input.is-checked+.el-checkbox__label {
  color: #ffffff !important;
}


/* 时间选择器输入框 */
.el-date-editor .el-range-input,
.el-time-panel {
  background: none !important;
  color: #ffffff !important;
}

.el-range-editor.el-input__inner {
  background: rgba(45, 173, 231, 0.25) !important;
}

/* 时间选择器外框 */
.el-picker-panel,
.el-time-spinner,
.el-time-panel__footer,
.el-time-panel {
  border: 1px solid rgba(31, 85, 132, 0.9) !important;
  // box-shadow: -2px 3px 5px 1px $blueColor;

  button {
    color: #ffffff !important;
  }

  .el-time-spinner__item {
    color: #cccccc !important;

    +.active {
      color: #ffffff !important;
    }

    &:hover {
      background: none !important;
    }
  }
}

.el-time-panel__footer {
  border-top: 1px solid #999999 !important;
}

.el-time-range-picker__body {
  border: none !important;
}

.el-date-range-picker__content.is-left {
  border-right: 1px solid rgba(31, 85, 132, 0.9) !important;
}

.el-date-table th {
  color: #d5f1ff !important;
  border-bottom: 1px solid rgba(31, 85, 132, 0.9) !important;
}

.el-picker-panel__icon-btn {
  color: #d5f1ff !important;
}

.el-date-editor .el-range-input::-webkit-input-placeholder,
.el-date-picker__header-label {
  color: #cccccc !important;
}

.el-picker-panel,
.el-time-spinner,
.el-time-panel__footer {
  background: rgba(31, 85, 132, 0.9) !important;
  color: #ffffff !important;
}

.el-date-editor .el-range-separator {
  color: #ffffff !important;
}

/* 时间选中区域 */
.el-date-table td.in-range div,
.el-date-table td.in-range div:hover,
.el-date-table.is-week-mode .el-date-table__row.current div,
.el-date-table.is-week-mode .el-date-table__row:hover div,
.el-month-table td.in-range div {
  background-color: rgba(33, 117, 255, 0.5) !important;
}

.el-month-table td .cell {
  color: #ffffff;
}

.el-year-table td .cell {
  color: #ffffff;
}

.el-date-picker__header--bordered {
  border-bottom: 0.0625rem solid #357ac18c !important;
}

.el-date-picker__time-header {
  border-bottom: 0.0625rem solid #357ac18c !important;
}

.el-picker-panel *[slot=sidebar],
.el-picker-panel__sidebar {
  border-right: 0.0625rem solid #357ac18c !important;
  background: rgba(31, 85, 132, 0.9);
}

/* 树状图 */
.el-tree {
  // background: rgba(26, 99, 159, 0.3);
  background: none !important;
  border-radius: 1px;
  border: none !important;
  color: #ffffff;
}

.el-tree-node__content:hover,
// .el-tree-node__content:visited,
// .el-tree-node__content:active,
// .el-tree-node__content:focus,
.el-tree-node:focus>.el-tree-node__content {
  background-color: rgba(45, 173, 231, 0.3) !important;
}

.vue-treeselect__control {
  background: rgba(26, 99, 159, 0.3) !important;
  border-radius: 1px;
  border: none !important;
  color: #ffffff;
}

/* 输入框 */
.vue-treeselect__single-value {
  color: #ffffff !important;
}

.vue-treeselect__menu {
  background: rgba(31, 85, 132, 0.9) !important;
  border: 1px solid rgba(31, 85, 132, 0.9) !important;
  display: block !important;
  color: #cccccc;
  min-height: 90px;
}

.vue-treeselect__option--highlight,
.vue-treeselect__option--selected {
  background: rgba(26, 99, 159, 0.3) !important;
  color: #ffffff;
}

// .vue-treeselect--single .vue-treeselect__option--selected{

// }


/* 开关样式 */
.el-switch__core {
  border: 1px solid $blueColor;
  background: none;
}



/* 加载缓冲 */
.el-loading-mask {
  background: rgba(21, 72, 157, 0.5) !important;
}



/* 下拉选择器 + 移入显示下拉框 + 多级选择器 + 多级选择器内边框*/
.el-select-dropdown,
.el-dropdown-menu,
.el-cascader-menu,
.el-time-select,
.time-select-item,
.el-cascader__dropdown {
  background: rgba(31, 85, 132, 0.9) !important;
  border: 1px solid rgba(31, 85, 132, 0.9) !important;

  // box-shadow:-2px 3px 5px 1px $blueColor;
  span {
    color: #d5f1ff;
  }

  /* 鼠标移入时 */
  .hover {
    background-color: rgba(45, 173, 231, 0.3) !important;
  }

  /* 选中时颜色 */
  .selected {
    span {
      color: #ffffff;

    }
  }

  .el-select-dropdown__list {
    padding: 0;
  }

  .right-menu-item,
  li {
    /* 顶部导航栏内菜单单个详情*/
    background: none !important;
    color: #ffffff !important;
    //   font-size: 17px !important;
  }
}

.el-date-table td.today span {
  color: #eac40e !important;
  display: inline-block;
  border-radius: 50%;
  border: 1px solid #eac40e;
}

.el-date-table td.current span {
  color: #ffffff !important;
  display: inline-block;
  border-radius: 50%;
  border: none;
}

.el-select-group__wrap:not(:last-of-type)::after {
  background-color: $blueColor !important;
}

.time-select-item.selected:not(.disabled) {
  color: #ffffff !important;
}


/* 分页模块 */
.el-pagination.is-background .btn-prev,
.el-pagination.is-background .btn-next,
.el-pagination.is-background .el-pager li {
  background: rgba(9, 34, 79, 0.3) !important;
  border-radius: 0 !important;
  color: rgba(213, 241, 255, 1) !important;
}

.pagination-container {
  background: none !important;

  button {
    background: none !important;
    border-radius: 0 !important;
    color: rgba(213, 241, 255, 1) !important;
  }

  .el-input__inner {
    color: rgba(213, 241, 255, 1) !important;
  }

  span {
    color: rgba(213, 241, 255, 1) !important;
  }

  .el-pagination.is-background .el-pager li {
    background: rgba(9, 34, 79, 0.3) !important;
    color: #cccccc;

    &:hover {
      color: #ffffff;
    }

    &:not(.disabled).active {
      background: rgba(45, 173, 231, 0.1) !important;
    }
  }
}

.el-pagination.is-background .el-pager li:not(.disabled).active {
  background: rgba(45, 173, 231, 0.1) !important;
}

.el-pagination__total,
.el-pagination__jump {
  color: #cccccc;
}

.el-date-range-picker__time-header {
  border-bottom: 1px solid #357ac18c !important;
}

.el-time-panel__footer {
  border-top: 1px solid #357ac18c !important;
}

.el-picker-panel__footer {
  border-top: 1px solid #357ac18c !important;
  padding: 4px;
  text-align: right;
  background-color: rgba(31, 85, 132, 0.9) !important;
  position: relative;
  font-size: 0;
}

/* 数值加减按钮 */
.el-input-number__increase,
.el-input-number__decrease {
  background: none !important;
  border: none !important;
}



/* 富文本 */
.ql-toolbar.ql-snow,
.ql-container.ql-snow {
  border: 1px solid #105a89 !important;
}

.ql-snow .ql-stroke {
  color: #48fcff !important;
  stroke: #48fcff !important;
}

.ql-snow .ql-picker-options {
  background: rgba(0, 16, 60, 0.90) !important;
  border: 1px solid #105a89 !important;
  border-radius: 0;
}

.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border: 1px solid #105a89 !important;
  color: $blueColor !important;
}


.drawing-board .active-from-item>.el-form-item {
  background: rgba(26, 99, 159, 0.3) !important;
  border-radius: 1px;
  border: none;
  color: $blueColor;
}

.popper__arrow {
  border-bottom-color: rgba(31, 85, 132, 0.9) !important;

  &::after {
    border-bottom-color: rgba(31, 85, 132, 0.9) !important;
  }
}


.el-timeline-item__content {
  color: #ffffff;
}

.el-range-editor--small.el-input__inner {
  height: 36px;
}

@media screen and (max-width: 480px) {
  .el-message-box {
    width: 80% !important;
  }

  .el-picker-panel,
  .el-date-range-picker,
  .el-popper {
    position: fixed !important;
    left: -33vw !important;
    transform: scale(0.55) !important;
  }
}

@media screen and (max-width: 1200px) {
  .tags-view-container .tags-view-wrapper .tags-view-item {
    padding: 10px 13px !important;
    height: 40px !important;
  }

  .content .el-form--inline .el-input--small .el-input__inner {
    padding: 20px !important;
  }

  .el-button,
  .el-tag.el-tag--info,
  .logo-wrapper {
    padding: 18px !important;
  }

  .el-range-editor--small.el-input__inner {
    height: 40px;
  }

  .content .el-form--inline .el-input--small .el-input__inner {
    width: 14.25rem !important;
  }

  .el-input__prefix {
    opacity: 0;
  }
}

.el-menu--vertical {
  left: 60px !important;
}

.el-divider__text {
  background: #115395;
  color: #ffffff;
  padding: 5px 20px;
  font-size: 13px;
}

.el-divider {
  background: #115395;
}

.dLog {
  z-index: 2000 !important;
}

//解决不占位
.el-col {
  border: 1px solid transparent
}

.zIndexLoading {
  z-index: 9999 !important;
}

.el-table__body tr.current-row>.li_table {
  background-color: #115395 !important;
}

// .vue-treeselect__control,.vue-treeselect__value-container, .vue-treeselect__multi-value{
//   z-index: 10;
//   width: 170px!important;
//   position: relative;
//   // background: rgba(45, 173, 231, 0.25) !important;
// }
.content {

  .el-form--inline {

    // display: flex;
    // justify-content: flex-start;
    // flex-wrap: wrap; //flex布局
    .vue-treeselect__control {
      z-index: 10;
      padding-left: 0 !important;
      padding-right: 0 !important;
      width: 180px !important;
      position: relative;
      font-size: 12px !important;
      border-radius: 0 !important;
      background: rgba(45, 173, 231, 0.25) !important;
    }

    .vue-treeselect__placeholder,
    .vue-treeselect__single-value {
      left: 15px !important;
    }

    .el-form-item--medium {
      display: inline-flex;
      align-items: center;
      // justify-content: space-between;
      margin-right: 18px !important;
    }

    .el-input--small .el-input__inner {
      height: 36px !important;
      line-height: 36px;
      font-size: 12px;
      width: 180px;

    }

  }
}

.vue-treeselect__label {
  font-size: 12px;
}

.vue-treeselect__menu {
  line-height: 32px !important;
}

/*滚动条样式*/
::-webkit-scrollbar {
  width: 7px !important;
  height: 7px !important;
  cursor: pointer !important;
}

::-webkit-scrollbar-thumb {
  border-radius: 7px !important;
  -webkit-box-shadow: inset 0 0 7px rgba(33, 117, 255, 0.2) !important;
  background: rgba(4, 162, 253, 0.5) !important;
  cursor: pointer !important;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 7px rgba(33, 117, 255, 0.2) !important;
  border-radius: 7px !important;
  background: rgba(33, 117, 255, 0.2) !important;
  cursor: pointer !important;
}

.el-scrollbar__wrap::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 7px rgba(33, 117, 255, 0) !important;
  background: rgba(4, 162, 253, 0) !important;
}

.el-scrollbar__wrap::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 7px rgba(33, 117, 255, 0) !important;
  background: rgba(4, 162, 253, 0) !important;
}


.el-date-editor.el-input,
.el-date-editor.el-input__inner {
  width: 100%;
}

.el-select {
  width: 100%;
}

@media print {
  .el-dialog__body {
    width: 100%;
  }
}

.el-date-editor.el-input,
.el-date-editor.el-input__inner {
  min-width: 180px !important
}

.vue-treeselect__multi-value-item {
  background: #387aaa !important;
  line-height: 20px !important;
}

.vue-treeselect__value-remove {
  border: none !important;
}

.vue-treeselect--disabled .vue-treeselect__multi-value-item {
  background: #387aaa !important;
  border: none !important;
}

.vue-treeselect--has-value .vue-treeselect__multi-value {
  margin-bottom: 0 !important;
  height: 20px !important;
}

.vue-treeselect__multi-value-item-container {
  padding-top: 0 !important;
  margin-top: -5px !important;
}

.vue-treeselect__control {
  border-radius: 1px !important;
  background: rgba(17, 85, 141, 1) !important;
}

.all_box {
  // display: flex;
  text-align: center;
  cursor: pointer;
  background: url("~@/assets/images/echarts/tab.png")!important;
  // background-size: 100% 100%;
  // background: url("~@/assets/images/echarts/tabsel.png")!important;
  background-size: 100% 100%!important;
  border-radius: 0 !important;
  margin-right: 3px;
  margin-left: 3px;
  height: 28px;
  /* line-height: 0px; */
  padding: 0 13px;
  min-width: 62px;
  font-size: 13px;
  line-height: 30px;
  // line-height: 0px!important;
  color: #1b8fa0 !important;
  position: relative;
  z-index: 200;
}

// .zidingyi_box span {
//   line-height: 50px;
// }


.el-input__inner,
.el-input__inner:hover,
.el-input.is-focus .el-input__inner {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.form-control{
  height: 30px;
  line-height: 30px;
  padding: 5px 10px;
}
.text-ellipsis{
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}


.dzc-dialog .el-form-item {
  margin:15px 10px ;
}
